@charset "UTF-8";

html
{
    background-color: #606494;
    margin:auto;
}
body{
    height: 800px;
    width: 1300px;
    margin: 20px auto;
}
header,nav,section,aside
{
    background-color: #393939;
    border-style : solid;
    border-color: white;
}

button
{
    float:right;
    cursor: pointer;
}

header
{
    box-shadow: 1px 1px 12px #000;
    border-width : 5px;
    width: 97.5%;
    margin: 0 auto 0 auto;
    border-radius:10px;
}

#logo
{ 
    height:80px;
    width:200px;
    border-radius:10px;
}

#deco
{ 
    height:80px;
    width:100px;
    border-radius:10px;
    float:right;
}

nav
{
        float:left;
        height:400px;;
	width:20.9%;
	margin : 10px;
        padding-top:10px;
	border-radius:10px;
}

section
{
        float:left;
        height:auto;
	width:51.6%;

	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
        
        padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	
	border-radius:15px;
}

aside
{
        float:left;
        height:400px;
	width:20%;        
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;        
        padding: 10px;        
	border-radius:10px;	
}

h1
{
    text-align:center;
    color:white;
}

.bouton_modif
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px green;
	height: 30px;
	width: 200px;
	color: black;
	font-weight:bold;
	border-color: green;
        float:left;
        margin-left:10%;
        cursor: pointer;
}

.bouton_suppr
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px red;
	height: 30px;
	width: 200px;
	color:black;
	font-weight:bold;
	border-color: red;
        float:left;
        margin-left:10%;
        cursor: pointer;
}

.bouton_ajout
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px blue;
	height: 30px;
	width: 200px;
	color:black;
	font-weight:bold;
	border-color: blue;
        float:left;
        margin-left:10%;
        cursor: pointer;
}

.bouton_retour
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px yellow;
	height: 30px;
	width: 200px;
	color:black;
	font-weight:bold;
	border-color: yellow;
        float:left;
        margin-left:10%;
        cursor: pointer;
}

.bouton_mail
{
	border-radius: 5px;
	box-shadow: 1px 1px 12px #FFCC66;
	height: 30px;
	width: 200px;
	color:black;
	font-weight:bold;
	border-color: #FFCC66;
        float:left;
        margin-left:35%;
        margin-bottom: 3px;
        cursor: pointer;
}

footer 
{
	clear:both;
	height:50px;
	background-color:white;
	border-radius:15px;
	text-align:right;
	margin-top:7px;
	padding-top:10px;
	padding-right:10px;
}

#titre{	
	color:#FFF;
	margin-left: auto;
	margin-right: auto;
	background-color:#606494;
	width:100%;
	height:30px;
	border-radius:15px;
	text-align:center;
}

#titre h3{
	padding-top:6px;
	padding-bottom:12px;
}

#sousheader{
	width:1050px;
	height:40px;
	background-color:#454545;
	padding-top: 10px;
}

#texte1{
	width:auto;
	float:left;
	color:white;
	margin-bottom:9px;
	margin-top:9px;
}

#titre1{
	text-align:center;
	color:white;
}

#titre1 img{
	border:solid 1px #000;
}




